<div id="contenedorModificarPregunta">
	<div id="textoModificarPregunta">
		<p   style="font-size: 15px" >Modifica el tema, el nivel o el enunciado de la pregunta.<br>
			
		</p>
	</div>
	<br/>
	<form  class="form-horizontal" method="post" id="modificar_pregunta" >
		<fieldset>
			<div id="asignatura" class="form-group">
				<label  for="asignaturas" class="col-xs-3 col-sm-2 control-label">Tema:</label> 
				<div class="col-sm-offset-2 col-xs-offset-1 col-xs-6 col-sm-8">
					<select id="asignaturas" name="idAsignatura" class="form-control" required>
						<option value="">-- Tema --</option>
					</select>
				</div>
			</div>
			<div id="nivel" class="form-group">
				<label  for="dificultades" class="col-xs-3 col-sm-2 control-label">Nivel:</label>
				<div class="col-sm-offset-2 col-xs-offset-1 col-xs-6 col-sm-8">
					<select id="dificultades" name="idDificultad" class="form-control" required>
						<option value="">-- Nivel --</option>
					</select>
				</div>
			</div>
			<div id="preguntaContenedor" class="form-group">
				<label  for="pregunta" class="col-xs-3 col-sm-2 control-label">Pregunta:</label>
				<div class="col-sm-offset-2 col-xs-offset-1 col-xs-6 col-sm-8">
					<textarea name="pregunta" id="pregunta" placeholder="Aqui tu pregunta" class="form-control" required></textarea>
				</div>
			</div>
			<input type="submit" id="guardar" value="Guardar" class="btn btn-primary">
			<input type="reset" value="Cancelar" class="btn btn-primary">
		</fieldset>
	</form>
</div>
	
<script>
var id = idPregunta;
$(document).one("ajaxComplete", formulario);
function formulario() {
	
	inicialisarPentalla();
	
};


function inicialisarPentalla() {
	// Cargar dificultades
	var $dificultades = $('#dificultades');
	var urlDificultad = "../dispatcher/referencias/dificultad";

	$.getJSON(urlDificultad,function(data) {
		$.each(data,function(i, item) {
			$dificultades.append('<option value="'+ item.id +'">'+ item.label+ '</option>')
			$dificultades.append(item.label);
		});
		
		// Cargar Asignaturas
		cargarAsignaturas();
	}); 
};

function cargarAsignaturas() {
	// Cargar asignatura
	var $asignaturas = $('#asignaturas');
	var urlAsignatura = "../dispatcher/referencias/asignaturas";
	

	$.getJSON(urlAsignatura, function(datos) {
		$.each(datos, function(i, item) {
			$asignaturas.append('<option value="'+ item.id +'">'+ item.nombre + '</option>');
			$asignaturas.append(item.nombre);
		});
		
		// CargarPregunta
		cargarPregunta();
	});
};

function cargarPregunta() {
	var urlPregunta = "../dispatcher/pregunta/recuperarPregunta?preguntaId=" + idPregunta;
	$.getJSON(urlPregunta, function(data) {
		// Parser le data pr remplir le formulaire
		$("#asignaturas").val(data.idAsignatura);
		$("#dificultades").val(data.idDificultad);
		$("#pregunta").val(data.pregunta);
	});
};


// Para hacer el submit del formulario
$("#guardar").click(function(){
		
	$('form').submit(function(event) {
		 
		event.preventDefault();
		var dataForm = $('form').serializeObject();
		dataForm.id = idPregunta;
		var data = JSON.stringify(dataForm);
		
		$.ajax({
			type: "POST",
			url: "../dispatcher/pregunta/modificarPregunta",
			data: data,
			beforeSend: function(xhr) {  
					xhr.setRequestHeader("Accept", "application/json");  
					xhr.setRequestHeader("Content-Type", "application/json");  
			},  
			success: function (datos) {
				alert("Modificación registrada");
			 },
			 error : function (data, status, er) {
			 	alert("error" + data + " status " +status+" er:"+er );
			 }
		}); 
	}); 
});

</script>